<div class="container">
    <!-- 上半部分 -->
    <div class="footer_top">
        <ul>
            <li>
                <h4>
                    <i class="iconfont icon-geren9"></i>我是新手</h4>
            </li>
            <li>
                <a href="##">什么是道聚城</a>
            </li>
            <li>
                <a href="##">如何购买</a>
            </li>
            <li>
                <a href="##">如何赠送</a>
            </li>
            <li>
                <a href="##">如何获取聚豆</a>
            </li>
        </ul>
        <ul>
            <li>
                <h4>
                    <i class="iconfont icon-wenhao"></i>个人中心</h4>
            </li>
            <li>
                <a href="##">发货时间</a>
            </li>
            <li>
                <a href="##">如何领取</a>
            </li>
            <li>
                <a href="##">补发规则</a>
            </li>
            <li>
                <a href="##">Vip价定义</a>
            </li>
            <li>
                <a href="##">道具状态定义</a>
            </li>
        </ul>
        <ul>
            <li>
                <h4>
                    <i class="iconfont icon-zhifu"></i>支付方式</h4>
            </li>
            <li>
                <a href="##">支付方式</a>
            </li>
            <li>
                <a href="##">购物点支付</a>
            </li>
            <li>
                <a href="##">如何充值</a>
            </li>
        </ul>
        <ul>
            <li>
                <h4>
                    <i class="iconfont icon-qq"></i>腾讯在线服务</h4>
            </li>
            <li>
                <a href="##">腾讯官方在线客服</a>
            </li>
            <li>
                <img src="../images/sb.jpg" alt="">
            </li>
        </ul>
        <div>
            <p class="fl">
                <img src="../images/1-4.png" alt="">
                <span>掌上道聚城</span>
            </p>
            <p class="fl">
                <img src="../images/1-5.png" alt="">
                <span>道聚城公众号</span>
            </p>
        </div>
    </div>
    <!-- 下半部分 -->
    <div class="footer_bottom">
        <p>
            <a href="##">腾讯互动娱乐</a>
            <a href="##">服务条款</a>
            <a href="##">腾讯游戏隐私保护指引</a>
            <a href="##">腾讯游戏儿童隐私保护指引</a>
            <a href="##">广告服务</a>
            <a href="##">腾讯游戏招聘</a>
            <a href="##">腾讯游戏客服</a>
            <a href="##">游戏地图</a>
            <a href="##">成长守护平台</a>
            <a href="##">商务合作</a>
            <a href="##">网站导航</a>
        </p>
        <p>
            <a href="##">COPYRIGHT © 1998 – 2020 TENCENT. ALL RIGHTS RESERVED.</a>
        </p>
        <p>
            <a href="##">腾讯公司 版权所有</a>
        </p>
    </div>
</div>